<html lang="zh"><head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BLUEDOT -- MEMBER</title>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/me.css">
    <style>
        .main-timeline{
            width: 80%;
            margin: 20px auto;
            position: relative;
        }
        .main-timeline:before{
            content: "";
            display: block;
            width: 2px;
            height: 100%;
            background: rgba(255,255,255,0.2);
            margin: 0 0 0 -1px;
            position: absolute;
            top: 0;
            left: 50%;
        }
        .main-timeline .timeline{
            width: 100%;
            margin-bottom: 20px;
            position: relative;
        }
        .main-timeline .timeline:after{
            content: "";
            display: block;
            clear: both;
        }
        .main-timeline .timeline-content{
            width: 40%;
            float: left;
            margin: 5px 0 0 0;
            border-radius: 6px;
        }
        .main-timeline .date{
            display: block;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: #25303b;
            padding: 5px 0;
            margin: 0 0 0 -36px;
            position: absolute;
            top: 0;
            left: 50%;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            color: rgba(255,255,255,0.5);
            border: 2px solid rgba(255,255,255,0.2);
            box-shadow: 0 0 0 7px #25303b;
        }
        .main-timeline .date span{
            display: block;
            text-align: center;
        }
        .main-timeline .day,
        .main-timeline .year{
            font-size: 10px;
        }
        .main-timeline .month{
            font-size: 18px;
        }
        .main-timeline .title{
            padding: 15px;
            margin: 0;
            font-size: 20px;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: -1px;
            border-radius: 6px 6px 0 0;
            position: relative;
        }
        .main-timeline .title:after{
            content: "";
            width: 10px;
            height: 10px;
            position: absolute;
            top: 20px;
            right: -5px;
            transform: rotate(-45deg);
        }
        .main-timeline .description{
            padding: 15px;
            margin: 0;
            font-size: 14px;
            color: #656565;
            background: #fff;
            border-radius: 0 0 6px 6px;
        }
        .main-timeline .timeline:nth-child(2n+2) .timeline-content{
            float: right;
        }
        .main-timeline .timeline:nth-child(2n+2) .title:after{
            left: -5px;
        }
        .main-timeline .timeline:nth-child(4n+1) .title,
        .main-timeline .timeline:nth-child(4n+1) .title:after{
            background: #9f84c4;
        }
        .main-timeline .timeline:nth-child(4n+2) .title,
        .main-timeline .timeline:nth-child(4n+2) .title:after{
            background: #02a2dd;
        }
        .main-timeline .timeline:nth-child(4n+3) .title,
        .main-timeline .timeline:nth-child(4n+3) .title:after{
            background: #58b25e;
        }
        .main-timeline .timeline:nth-child(4n+4) .title,
        .main-timeline .timeline:nth-child(4n+4) .title:after{
            background: #eab715;
        }
        @media only screen and (max-width: 990px){
            .main-timeline{ width: 100%; }
        }
        @media only screen and (max-width: 767px){
            .main-timeline:before,
            .main-timeline .date{
                left: 6%;
            }
            .main-timeline .timeline-content{
                width: 85%;
                float: right;
            }
            .main-timeline .title:after{
                left: -5px;
            }
        }
        @media only screen and (max-width: 480px){
            .main-timeline:before,
            .main-timeline .date{
                left: 12%;
            }
            .main-timeline .timeline-content{
                width: 75%;
            }
            .main-timeline .date{
                width: 60px;
                height: 60px;
                margin-left: -30px;
            }
            .main-timeline .month{
                font-size: 14px;
            }
        }
    </style>

</head>
<body class="gray-bg" style="background-image: url(assets/img/bg.jpg)">

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="main-timeline">

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第1届</span>
                                <span class="month">2004</span>
                            </span>
                        <h2 class="title">谢大云</h2>
                        <p class="description">
                            龚文军、王华平、章晋盛、杨武兵
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第2届</span>
                                <span class="month">2005</span>
                            </span>
                        <h2 class="title">陈古荣</h2>
                        <p class="description">
                            温松、汪江
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第3届</span>
                                <span class="month">2006</span>
                            </span>
                        <h2 class="title">黎智云</h2>
                        <p class="description">
                            程刚、蔡凤、汪红霞、张兴开、周建勇、周俊杰
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第4届</span>
                                <span class="month">2007</span>
                            </span>
                        <h2 class="title">王莫刚</h2>
                        <p class="description">
                            王衡、程根生、宋长刚、刘强、余云峰
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第5届</span>
                                <span class="month">2008</span>
                            </span>
                        <h2 class="title">郑超</h2>
                        <p class="description">
                            鄢波、熊云长、张光耀、陈志琴、刘明杰、官利军、江杰明、袁涛、黎志亮、郭福龙、李芳林、邓生金
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第6届</span>
                                <span class="month">2009</span>
                            </span>
                        <h2 class="title">易鑫</h2>
                        <p class="description">
                            刘兵、魏亚文、贺奇、李年、徐夷余、王攀、崔文
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第7届</span>
                                <span class="month">2010</span>
                            </span>
                        <h2 class="title">黄浩鹏</h2>
                        <p class="description">
                            陈鹏、罗伟富、何梁、张乐
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第8届</span>
                                <span class="month">2011</span>
                            </span>
                        <h2 class="title">李轶翔</h2>
                        <p class="description">
                            熊安平、赖辉强、易伟、宋国平、陈江 、陈振清、宋有伟
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第9届</span>
                                <span class="month">2012</span>
                            </span>
                        <h2 class="title">林虎</h2>
                        <p class="description">
                            舒晓晖、邹紫雯、张晨辉、孙夕柱、张祥波、段一苗、陈美玲、张玉
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第10届</span>
                                <span class="month">2013</span>
                            </span>
                        <h2 class="title">朱凯旋</h2>
                        <p class="description">
                            谢国平、饶振清、范佳乐、刘欣、许望禄、何涛、肖亦鸣、朱模德、王志辉
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第11届</span>
                                <span class="month">2014</span>
                            </span>
                        <h2 class="title">许海龙</h2>
                        <p class="description">
                            习文文、高朝、刘驭洲、江海松、刘志超、付磊、张彦、徐泽昆、雷鑫、易倢、王会文
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第12届</span>
                                <span class="month">2015</span>
                            </span>
                        <h2 class="title">张城龙</h2>
                        <p class="description">
                            戴超、刘勋承、万欣涛、郑松青、左雯、龚志鹏、巫发萍
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第13届</span>
                                <span class="month">2016</span>
                            </span>
                        <h2 class="title">张国</h2>
                        <p class="description">
                            黄小平、游斌平、李淑玥、任志江、汪鑫、余聪、毛昊罡
                        </p>
                    </div>
                </div>

                <div class="timeline">
                    <div class="timeline-content">
                            <span class="date">
                                <span class="year">第14届</span>
                                <span class="month">2017</span>
                            </span>
                        <h2 class="title">袁子良</h2>
                        <p class="description">
                            徐杨林、颜逸、王康康、张道滨、汤金桂、黎祥显、徐斌、姚晨、陈洪彬、刘勇、熊承杰
                        </p>
                    </div>
                </div>


            </div>
        </div>
    </div>

    <div id="toolbar" class="m-padded m-fixed m-right-center" style="display: block;">
        <div class="ui vertical icon buttons">
            <a href="index.html" class="ui teal button"><i class="angle left icon"></i></a>
            <div id="toTop" class="ui teal button icon" title="返回顶部"><i class="angle up icon"></i></div>
        </div>
    </div>

</div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
    $('#toTop').click(function () {
        $(window).scrollTop(0,500);
    });
</script>
</body>
</html>